<template>
    <div>
        <yw-header></yw-header>
        <serviceA v-if="serviceTabId == 1" @serviceTabIdValue="serviceTabIdValue"></serviceA>
        <serviceB v-else-if="serviceTabId == 2" @serviceTabIdValue="serviceTabIdValue"></serviceB>
        <serviceC v-else></serviceC>
        <yw-footer></yw-footer>
    </div>
</template>
<script>
import header from './common/header'
import footer from './common/footer'
import serviceA from './serviceChild/serviceA'
import serviceB from './serviceChild/serviceB'
import serviceC from './serviceChild/serviceC'
export default {
    data(){
        return{
            serviceTabId:1
        }
    },
    components:{
        'yw-header':header,
        'yw-footer':footer,
        serviceA,
        serviceB,
        serviceC
    },
    methods:{
        serviceTabIdValue(value){
            this.serviceTabId = value
        }
    }
}
</script>
